<template>
	<view class="con color333 size29">
		<view v-for="(item,index) in info" :key="index" class="bgfff ra20 mt30 ">
			<view class="pg30 ">
				<view>{{item.title}}</view>
				<!-- <view class="color999 size22 mt20">亲爱的网球爱好者，我们想听听你最近打网球的心得。快来填写问卷吧，大约需要5分钟左右的时间。</view> -->
				<view @click="navto('/pages/agreement?wenzhang='+item.id)" class="border-tEDEDED flex-ju-c size26 pt30 color183667 mt30">点击查看详情</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				info:[],
				page:1,
				isdata:false
			}
		},
		onLoad(option) {
			this.getlist()
		},
		onReachBottom() {
			this.page++
			this.getlist()
		},
		methods: {
			getlist(){
				this.http('/api/article/list/16',{page:this.s,limit:25}).then(res=>{
					this.info = [...this.info,...res.data]
					if(this.info.length){
						this.isdata = false
					}else{
						this.isdata = true
					}
				})
			}
		}
	}
</script>

<style>
page{background: #F6F7F8;}
</style>
